<!DOCTYPE html>
<html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-0 vector-toc-not-available vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-0 skin-theme-clientpref-day vector-sticky-header-enabled" lang="de" dir="ltr"><head>
<meta charset="UTF-8">
<title>HTML-Editor</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./_res_/favicon.png">
<link rel="canonical" href="https://de.wikipedia.org/wiki/HTML-Editor"> <link href="./_mw_/ext.wikimediamessages.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.icons.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.search.codex.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.styles.css" rel="stylesheet" type="text/css">
<meta name="ResourceLoaderDynamicStyles" content="">
<link href="./_mw_/ext.gadget.citeRef.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.defaultPlainlinks.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonHide.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonLayout.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonStyle.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiDarkmode.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiResponsive.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.specialSearch.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="./_mw_/site.styles.css">
<link rel="stylesheet" type="text/css" href="./_mw_/noscript.css">
<link rel="stylesheet" type="text/css" href="./_res_/footer.css">
<link rel="stylesheet" type="text/css" href="./_res_/vector-2022.css">
</head>
<body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-HTML-Editor rootpage-HTML-Editor skin-vector-2022 action-view">
<div class="mw-page-container">
<div class="mw-page-container-inner">
<div class="mw-content-container">
<main id="content" class="mw-body">
<header class="mw-body-header vector-page-titlebar">
<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">HTML-Editor</span></h1>
</header>
<a id="top"></a>
<div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
<div id="contentSub">
<div id="mw-content-subtitle"></div>
</div>
<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="de" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="de" dir="ltr"><p>Ein <b>HTML-Editor</b> ist <a href="Oberbegriff" title="Oberbegriff">Oberbegriff</a> für eine <a href="Anwendungssoftware" title="Anwendungssoftware">Anwendungssoftware</a>, mit der man <a href="Webseite" title="Webseite">Webseiten</a> mit <a href="Hypertext_Markup_Language" title="Hypertext Markup Language">HTML</a>-<a href="Quelltext" title="Quelltext">Code</a> erstellen und bearbeiten kann. Einige Editoren können auch mit auf <a href="Webserver" title="Webserver">Webservern</a> eingesetzten <a href="Skriptsprache" title="Skriptsprache">Skriptsprachen</a>, wie zum Beispiel <a href="PHP" title="PHP">PHP</a> und <a href="JavaScript" title="JavaScript">JavaScript</a>, oder <a href="Stylesheet-Sprache" title="Stylesheet-Sprache">Stylesheet-Sprachen</a> wie zum Beispiel <a href="Cascading_Style_Sheets" title="Cascading Style Sheets">CSS</a> umgehen.
</p><p>Dabei unterscheidet man zwischen textbasierten Programmen, bei denen direkt der Quellcode editiert wird, und sogenannten <a href="WYSIWYG" title="WYSIWYG">WYSIWYG</a>-Editoren, bei denen die Seite beim Bearbeiten so angezeigt wird, wie sie der <a href="Webbrowser" title="Webbrowser">Browser</a> später darstellt. Bei Letzteren wird meist keine Kenntnis der HTML-Sprache benötigt. Häufig ermöglichen WYSIWYG-Editoren zusätzlich, den Quellcode auch direkt zu bearbeiten. Viele HTML-Editoren unterstützen <a href="Autovervollst%C3%A4ndigung" title="Autovervollständigung">Autovervollständigung</a> und besitzen eine so genannte <a href="Syntaxhervorhebung" title="Syntaxhervorhebung">Syntaxhervorhebung</a>, welche <a href="Tag_(Informatik)" title="Tag (Informatik)">Tags</a> im Quellcode farblich kenntlich macht.
</p><p>Die Definition von HTML-Editoren und deren Abgrenzung zu normalen <a href="Texteditor" title="Texteditor">Texteditoren</a> ist nicht trennscharf, da HTML-Code auch in jedem normalen Texteditor geschrieben werden kann.
</p>
<div class="mw-heading mw-heading2"><h2 id="Siehe_auch">Siehe auch</h2></div>
<ul><li><a href="Texteditor" title="Texteditor">Texteditor</a></li>
<li><a href="Liste_von_HTML-Editoren" title="Liste von HTML-Editoren">Liste von HTML-Editoren</a></li></ul></div><!--htdig_noindex--><div><div class="zim-footer">
Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2023-06-20" href="https://de.wikipedia.org/wiki/?title=HTML-Editor&oldid=234784201">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.
</div>
</div><!--/htdig_noindex--></div>
</div>
</main>
</div>
</div>
</div>
<script src="./_webp_/webpHandler.js"></script>
</body></html>